/* 引入头部样式 */
@import "head.less";

/* 引入导航样式 */
@import "menu.less";



#part-top{
	width:980px;
	margin:0 auto;
	/* 内容页当前位置开始 */
	.art-pos{
		height:40px;
		line-height: 40px;
		border-bottom: 1px solid #ddd;
		a{
			color: #2bb8aa;
		}
	}
	/* 内容页当前位置结束 */
	.pro-title{
		h3{
			padding:10px 0;
			font-size: 28px;
			color: #333;
			font-family: "微软雅黑";
			span{margin-right: 5px;}
		}
		p{
			font-size: 18px;
		}
	}
}
.pro-info-box{
	width:980px;
	margin:10px auto 0;
	overflow: hidden;
	.pic{
		width:460px;
		float: left;
		.big-pic{
			width:460px;
			height:279px;
			overflow: hidden;
			li{
				display: none;
			}
		}
		.sma-pic{
			overflow: hidden;
			li{
				float: left;
				width:80px;
				text-align: center;
				height:47px;
				padding-top: 2px;
				border:1px solid #ddd;
				margin:10px 10px 0 0;
				cursor: pointer;
			}
			li.hover{
				background: #f76120;
				border-color: #f76120;
			}
		}
	}
	.info-r{
		float: right;
		width:500px;
		.price{
			height:42px;
			padding-top: 10px;
			border-bottom: 1px solid #eee;
			overflow: hidden;
			.money{
				color:#f76120;
				font-size:18px;
				font-weight: bold;
				float: left;
				em{
					font-style: normal;
					font-size: 36px;
					margin-left: 5px;
				}

			}
			.zhe{
				float: left;
				margin-left: 5px;
				color: #f76120;
				font-size:18px;
				font-weight: bold;
				line-height: 18px;
				del{
					color: #999;
					font-size: 14px;
				}
			}

		}
		.yeji{
				height:38px;
				line-height: 38px;
				border-bottom: 1px solid #eee;
				li{
					float: left;
				}
				.shou{
					width:168px;
				}
				.xing{
					width:110px;
					.xing1{
						width: 60px;
						height:12px;
						display: inline-block;
						vertical-align: -1px;
						background: url(../images/xing.png) 0 -17px repeat-x;
						.xing2{
							width: 50%;
							height:12px;
							display: inline-block;
							background: url(../images/xing.png) 0 0 repeat-x;
						}
					}
				}
				.ping{
					float: right;
				}
				.red{
					color:#f76120;
					font-weight: bold;
					padding:0 2px;
				}
			}
			.info3{
				padding:10px 0;
				border-bottom: 1px solid #eee;
				p{
					line-height: 24px;
					.info-l-name{
						display: inline-block;
						width:60px;
					}
					i{
						font-style: normal;
						padding:0 5px;
					}
				}
			}
			.num-box{
				overflow: hidden;
				.info-l-name{
					float: left;
					height:64px;
					line-height: 64px;
					width: 60px;
				}
				.num{
					float: left;
					width:96px;
					border:1px solid #eee;
					height: 32px;
					overflow: hidden;
					font-size: 14px;
					margin-top: 14px;
					a{
						float: left;
						width:28px;
						height: 32px;
						line-height: 28px;
						text-align: center;
						background: #f0f0f0;
					}
					input{
						float: left;
						border: none;
						width:40px;
						height: 32px;
						text-align: center;
						font-weight: bold;
						
					}
				}
			}
			.tishi{
				float: left;
				margin-left: 10px;
				height: 64px;
				line-height: 64px;
				color: #f76120;
				display: none;
			}
			.btn{
				padding-bottom: 10px;
				border-bottom: 1px solid #eee;
				overflow: hidden;
				.buy{
					border: none;
					cursor: pointer;
					margin-right:10px;
					width:169px;
					height: 50px;
					float: left;
					background: url(../images/sp6.png) 0 -237px no-repeat;
					&:hover{background: url(../images/sp6.png) 0 -290px no-repeat;}
				}
				.to-che{
					width:130px;
					height: 50px;
					float: left;
					background: url(../images/sp6.png) 0 -396px no-repeat;
					&:hover{background: url(../images/sp6.png) 0 -449px no-repeat;}
				}
				.collect{
					float: left;
					height: 50px;
					line-height: 50px;
					margin-left: 10px;
					display: inline;
					i{
						display: inline-block;
						width: 11px;
						height: 11px;
						margin-right: 2px;
						vertical-align: -2px;
						background: url(../images/sp6.png) 0 -717px no-repeat;
					}
				}

			}
			.promise{
					padding-top: 35px;
					overflow: hidden;
					.promise-l-name{
						width:60px;
						float: left;
					}
					.promise-list{
						overflow: hidden;
						span{
							margin-right:30px;
							i{
								display: inline-block;
								width:15px;
								height: 15px;
								vertical-align: -3px; 
								margin-right: 5px;
								background: url(../images/sp6.png) no-repeat;
							}
							.promise1{
								background-position: -3px -3px;
							}
							.promise2{
								background-position: -3px -693px;
							}
							.promise3{
								background-position: -3px -734px;
							}
							.promise4{
								background-position: -3px -1542px;
							}
						}
					}
				}
	}
}
/* 产品更多详情开始 */
#pro-more-info{
	overflow: hidden;
	width: 980px;
	margin:40px auto 0;
	.left{
		width:702px;
		float: left;
		.notice{
			overflow: hidden;
			border: 1px solid #eee;
			margin-bottom: 30px;
			background: url(../images/notice.png) 0 center no-repeat;
			.des{
				padding:20px;
				margin-left: 180px;
				line-height: 24px;
				border-left: 1px solid #eee;
				font-size: 14px;
			}
		}

		.pro-menu{
			overflow: hidden;
			background: #f5f5f5;
			border: 1px solid #ddd;
			li{
				float: left;
				width: 138px;
				font-size: 14px;
				border-right: 1px solid #eee;
				text-align: center;
				a{
					display: block;
					height: 38px;
					line-height: 38px;
				}
				a.current{
					color: #FFF;
					font-weight: bold;
					background: #2bb8aa;
				}
			}
		}
		.fixed{
			position:fixed; 
			top:0px; 
			margin:0; 
			z-index:9999;
		}
		.tidai{
			display: none;
		}
		.info-title{
			height:46px;
			line-height: 46px;
			border-bottom: 2px solid #888;
			color:#333;
			font-size: 18px;
			font-weight: bold;
			margin-top: 20px;
		}
		.details,.introduction{
			margin-top: 30px;
			line-height: 1.8em;
			font-size: 14px;
		}
		.xuzhi{
			
			li{
				overflow: hidden;
				border-bottom: 1px solid #eee;
				
				font-size: 14px;
				.zhi-name{
					float: left;
					width:140px;
					font-weight: bold;
					padding:10px 10px;
					background: #f9f9f9;

				}	
				.zhi-info{
					border-left: 1px solid #eee;
					float: left;
					width:505px;
					line-height: 1.5em;
					padding:10px 10px; 
				}
			}
		}
		.taocan{
			th{
				color: #333;
				font-size: 14px;
				text-indent: 10px;
				border-bottom:1px solid #e8e8e8
			}
			td{
				color: #333;
				font-size: 14px;
				text-indent: 10px;
				border-bottom:1px dotted #e8e8e8
			}
		}
		.jiazhi{
			float: right;
			padding-right:10px;
			font-size: 14px;
			height: 40px;
			line-height: 40px;
			span{
				margin-left: 20px;
				em{
					font-style: normal;
					color: #ea4f01;
					font-weight: bold;
				}
			}
		}
	}
	
	.right{
		width: 235px;
		float: right;
		.version{
			border:1px solid #ddd;
			padding:10px 0;
			a{
				display: block;
				height:65px;
				margin-top: 10px;
				background: url(../images/sp4.png) no-repeat;
			}
			.tel{background-position: 0 -211px;}
			.mao{background-position: 0 -113px;}
		}
		.recently-viewed{
		border:1px solid #ddd;
		padding:10px;
		margin-top: 10px;

		.title{
			overflow: hidden;
			zoom: 1;
			font-size:14px;
			a{
				font-size: 12px;
				float: right;
				color: #f76120;
			}
		}
		li{
			padding:10px 0;
			overflow: hidden;
			zoom: 1;
			border-bottom: 1px dotted #eee;
			.tu{
				float: left;
				width: 80px;
			}
			.info{
				width: 115px;
				float: right;
				position: relative;
				p{
					line-height: 16px;
					overflow: hidden;
					zoom: 1;

				}
				.p2{
					position: absolute;
					top: 34px;
					left: 0;
					span{
						font-weight: bold;
						color: #f15238;
						margin-right: 10px;
					}
					del{
						color:#2bb8aa;
						font-size:14px;
					}
					.del{
						float: right;
						color: #f76120;
						&:hover{color:#2bb8aa}
					}
				}
			}
		}

	}
	.viewed-fixed{
		position: fixed;
		top: 0;
		margin-top:0;
		width: 214px;
		background: #FFF;
	}
	}
}

.seller_map{
	float: left;
	width:330px;
	padding:20px 10px 10px 10px;
}
.seller_location{
	width:320px;
	float: left;
	margin-top: 20px;
	
	border-bottom:1px solid #eee;
	.info{
		display: none;
	}
	h3{
		color:#2bb8aa;
		border-top:1px solid #eee;
		font-size:14px;
		font-weight: bold;
		line-height: 40px;
	}
	p{
		line-height: 28px;
	}
}
.all_comments{
	height:30px;
	line-height: 30px;
	padding-left: 20px;
	font-size:14px;
	background:#f4f4f4;
	margin-top: 20px;

}
.comments_list{
	padding-bottom: 20px;
	border-bottom: 1px solid #eee;
	.name{
		color:#999;
		padding:20px 0 10px 0;
		span{
			margin-left: 10px;
		}
	}
	.c_content{
		line-height: 18px;
	}
}



/* 产品更多详情结束 */

/* 引入底部样式 */
@import "footer.less";